import ModifyTodoCompleted from './ModifyTodoCompleted'

function TodoItem ({ todo }) {
  return (
    <li className={todo.isCompleted ? 'completed' : ''}>
      <div className='view'>
        <ModifyTodoCompleted todo={todo} />
        <label>{todo.title}</label>
        <button className='destroy' />
      </div>
      <input className='edit' />
    </li>
  )
}
export default TodoItem
